@import 'base';
.main{
  .content{
    position:relative;
    width:970px;
    height:680px;
    background:#ffffff;
    .title_header{
      position:relative;
      padding-top: 30px;
      padding-left: 40px;
      height:45px;
      background:#ffffff;
      font-size:18px;
      .confirm_icon{
        position:relative;
        width:22px;
        height:22px;
        vertical-align:middle;
        margin-top:-4px;
        background-image: url('@@_rel_start/images/address/confirm_icon.png?20151229154423');
        display:inline-block;
      }
      .fill_value{
        color:#0fb0aa;
      }
      .remark{
        color:#aaaaaa;
        font-size:14px;
      }
    }
    .title_label{
      position:relative;
      margin:0 40px;
      padding-top:30px;
      border-top:1px dotted #d6d6d6;
      .option{
        font-size:12px;
        color:#aaaaaa;
      }
    }
    ul{
      position:relative;
      width:100%;
      padding:30px 40px;
      @extend .clearfix;
      li{
        @extend .clearfix;
        position:relative;
        margin-right:33px;
        margin-bottom:30px;
        width:152px;
        height:40px;
        float:left;
        input{
          position:relative;
          margin-top:13px;
          float:left;
        }
        img{
          float:left;
        }
      }
    }
    .receivepay{
      position:relative;
      width:100%;
      height:145px;
    }
    .platform{
      position:relative;
      width:100%;
      height:115px;
    }
    .bank{
      position:relative;
      margin-top:30px;
      width:100%;
      height:215px;
    }
    .button_area{
      position:relative;
      margin:0 40px;
      border-top:1px dotted #d6d6d6;
      font-size:15px;
      .title{
        position:relative;
        margin-right:18px;
        margin-top:40px;
        float:right;
        color:#bfbfbf;
        .selected_way{
          color:#0fb0aa;
        }
      }
      .confirm_button{
        position:relative;
        margin-top:30px;
        float:right;
        width:125px;
        height:40px;
        background:#0fb0aa;
        line-height: 40px;
        text-align: center;
        color: white;
      }
    }
  }
}

.mask{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(119,119,119,0.5);
  .alert_tip{
    position:fixed;
    left:50%;
    top:50%;
    margin-left: -235px;
    margin-top: -110px;
    background:rgba(255,255,255,1);
    width:470px;
    height:220px;
    .title{
      position:relative;
      font-size:24px;
      color:#0fb0aa;
      margin-left:100px;
      margin-top:45px;
      .tip_icon{
        background-image: url('@@_rel_start/images/address/tip_icon.png?20151229154423');
        width:27px;
        height:27px;
        display:inline-block;
      }
    }
    .subtitle{
      position:relative;
      font-size:15px;
      color:#999999;
      margin-left:100px;
      margin-top:51px;
    }
    .completed_button{
      position:relative;
      margin-top:30px;
      margin-right:28px;
      margin-left:100px;
      float:left;
      width:100px;
      height:40px;
      background:#0fb0aa;
      line-height: 40px;
      text-align: center;
      color: white;
    }
    .question_button{
      position:relative;
      margin-top:30px;
      float:left;
      width:180px;
      height:40px;
      background:#ffffff;
      line-height: 40px;
      text-align: center;
      color: #999999;
      border: 1px solid #999999;
    }
  }
}
